<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/logincss.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.4.2.js"></script>
<body>
<div class="wrapper">
    <div id="header">
        <a href="" class="logo" ></a>
    </div>
    <div id="content">
        <h1>登录豆瓣</h1>
        <div class="one">
            <form id="lzform" method="post" action="${pageContext.request.contextPath }/user_login.action">
                <div style="display:none;">
                </div>
                <div class="item-right">
                    <a href="">手机验证码登录</a>
                </div>
                <div class="item">
                    <label>帐号</label>
                    <input id="name" name="user.loginname" type="text" class="basic-input" maxlength="60" value="邮箱/用户名/密码" />
                </div>
                <div class="item">
                    <label>密码</label>
                    <input id="password" name="user.password" type="password" class="basic-input" maxlength="20" />
                </div>

                <div class="item">
                    <label>&nbsp;</label>
                    <p class="remember">
                        <input type="checkbox" id="remember" name="remember"/>
                        <label for="remember" class="remember">下次自动登录</label>
                        | <a href="">忘记密码了</a>
                    </p>
                </div>
                <div class="item">
                    <label>&nbsp;</label>
                    <input type="submit" value="登录" name="login" class="btn-submit"/>
                </div>

                <div class="item item-3">
                    <label>
                        第三方登录：
                    </label>
                    <a target="_top" href="" class="item-wechat"><img
                            src="https://img3.doubanio.com/f/accounts/1b6cc3ca91f78cf47f41eafa91fbcd4918ae239c/pics/connect_wechat.png"
                            title="微信"></a>
                    <a target="_top" href="" class="item-weibo"><img
                            src="https://img3.doubanio.com/f/accounts/e2f1d8c0ede93408b46cbbab4e613fb29ba94e35/pics/connect_sina_weibo.png"
                            title="新浪微博"></a>
                    <a target="_top" href="" class="item-qq"><img
                            src="https://img3.doubanio.com/f/accounts/be10f8fb4a3fd87f2f0d2fa18ed83b7d6b880697/pics/connect_qq.png"
                            title="QQ"></a>
                </div>
            </form>
        </div>
        <ul id="side-nav" class="aside">
            <li>&gt;&nbsp;还没有豆瓣帐号？<a rel="nofollow" href="${pageContext.request.contextPath}/user_registerForm.action">立即注册</a></li>
            <li>&gt;&nbsp;<a href="">点击下载豆瓣移动应用</a></li>
        </ul>
    </div>
    <div id="footer">
        <span id="" class="">
    &copy; lalalalala
</span>
<span class="fright">
    <a href="">关于豆瓣</a>
    · <a href="">在豆瓣工作</a>
    · <a href="">联系我们</a>
    · <a href="">免责声明</a>
    · <a href="">帮助中心</a>
    · <a href="">开发者</a>
    · <a href="">移动应用</a>
    · <a href="">豆瓣广告</a>
</span>
    </div>
    
    <script type="text/javascript">
    
      $(function(){
      var nameVal=$("#name").val();
      $("#remember").click(function(){
        $(this).val(1);
      });
      
      $("#name").focus(function(){
      $(this).val("");
      });
      $("#name").blur(function(){
      if($(this).val()!=null){
          $(this).val($(this).val());
      }else{
      $(this).val(nameVal);
      }
      });
      });
    
    </script>
    
    
</body>
</html>
